<!DOCTYPE html>
<script src="../../resources/check-layout.js"></script>
<style>
    .multicol { -webkit-columns:2; -webkit-column-gap:0; position:relative; width:200px; background:blue; }
    .multicol * { -webkit-column-break-inside:avoid; height:100px; background:white; }
</style>
<p>There should be a blue square below.</p>
<div class="multicol" data-expected-height="200">
    <div data-offset-x="0" data-offset-y="0"></div>
    <div data-offset-x="0" data-offset-y="100"></div>
    <div data-offset-x="100" data-offset-y="0"></div>
</div>
<script>
    checkLayout(".multicol");
</script>
